<template>
	<view id="app">
		
		<view class="mt30 w93p mauto bw br20 lh100 c666 f28">
			<!-- 商品分类 -->
			<view class="w90p mauto df dfsb aic bdb1sE">
				商品分类
				<view class="w70p tar c333" @click="chose(1)">
					{{pages.chose1}}
				</view>
				<Icons color="#999999" type="right"></Icons>
			</view>
			
			<!-- 商品名称 -->
			<view class="w90p mauto df dfsb aic bdb1sE">
				商品名称
				<input class="w65p tar f28 c333" placeholder="请输入商品名称" placeholder-class="f28" />
			</view>
			
			<!-- 商品价格（元） -->
			<view class="w90p mauto df dfsb aic bdb1sE">
				商品价格（元）
				<input class="w65p tar f28 c333" type="number" maxlength="6" placeholder="请输入商品价格" placeholder-class="f28" />
			</view>
			
			<!-- 商品图片 -->
			<view class="w90p mauto bdb1sE">
				商品图片
				<view class="c999 f24 lh50"> 最多上传9张图片，上传的第一张图片默认为商品主图 </view>
				<view class="df mtb30 pb30 aic fww">
					<image src="/static/2867.png" class="wh160 br4 mr30"></image>
					<view class="pr wh160 mr30 br4">
						<image src="/static/2867.png" class="wh160"></image>
					</view>
					<image src="/static/2867.png" class="wh160 br4 mr30"></image>
				</view>
			</view>
			
			<!-- 商品详情介绍 -->
			<view class="w90p mauto bdb1sE">
				商品详情介绍
				<textarea class="pb30 f28 lh50 w100p" />
			</view>
			
			<!-- 配送方式 -->
			<view class="w90p mauto df dfsb aic bdb1sE" @click="chose(2)">
				配送方式
				<view class="w70p tar c333">
					{{pages.chose2}}
				</view>
				<Icons color="#999999" type="right"></Icons>
			</view>
			
			<!-- 产品状态 -->
			<view class="w90p mauto df dfsb aic" @click="chose(3)">
				产品状态
				<view class="w70p tar c333">
					{{pages.chose3}}
				</view>
				<Icons color="#999999" type="right"></Icons>
			</view>
		</view>
		
		<view class="w93p mauto bDFF6D9 lh90 tac br10 mt30 f34 c333 fwb" @click="rele">发布商品</view>
		
		<view class="ptb30"></view>
	</view>
</template>

<script>
	
	// 定义全局变量
	var that;
	
	// 默认
	export default {
		
		// 定义页面变量
		data() {
			
			return {
				
				// 建立页面参数
				param:{},
				
				// 建立页面变量
				pages:{
					
					// 商品分类
					chose1:'请选择商品分类',
					// 配送方式
					chose2:'请选择配送方式',
					// 产品状态
					chose3:'请选择产品状态',
				},
				
				// 建立页面数据
				info:{},
				
			}
			
		},
		
		// 获取后
		onLoad() {
			
			// 赋值
			that = this ;
			
		},
		
		// 显示后
		onShow() {
			
		},

		// 方法列表
		methods: {

			chose(e){
				if(e == 1){
					var itemList = ['二手手机', '二手家具', '二手家电'];
					// 从底部向上弹出操作菜单
					uni.showActionSheet({
						itemList: itemList,
						success: function(res) {
							that.pages.chose1 = itemList[res.tapIndex];
						},
						fail: function(res) {
							console.log(res.errMsg);
						}
					});
					return
				}
				if(e == 2){
					var itemList = ['快递物流', 'B', 'C'];
					// 从底部向上弹出操作菜单
					uni.showActionSheet({
						itemList: itemList,
						success: function(res) {
							that.pages.chose2 = itemList[res.tapIndex];
						},
						fail: function(res) {
							console.log(res.errMsg);
						}
					});
					return
				}
				if(e == 3){
					var itemList = ['上架', 'B', 'C'];
					// 从底部向上弹出操作菜单
					uni.showActionSheet({
						itemList: itemList,
						success: function(res) {
							that.pages.chose3 = itemList[res.tapIndex];
						},
						fail: function(res) {
							console.log(res.errMsg);
						}
					});
					return
				}
			},
			
			// 发布成功
			rele(){
				uni.navigateTo({
					url:'/pages/task/success',
				})
			},
			
			
		},

	}
</script>

<style>


</style>
